<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/structAdmin.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">

        <p:panel header="Registrar Mascota" style="border: 0">
            <h:form id="formReg">
                <h:panelGrid columns="4" cellpadding="5"  >

                    <h:outputText value="Nombre: *"  />
                    <p:inputText value="" required="true" />

                    <h:outputText value="Fecha de nacimiento: *" />
                    <p:calendar value="#{null}" required="true" />

                    <h:outputText value="Especie: *" />
                    <p:selectOneMenu  value="" required="true" >
                        <f:selectItem itemLabel="Seleccionar especie" itemValue="" />
                        <f:selectItems value="" />
                    </p:selectOneMenu> 

                    <h:outputText value="Raza: *"  />
                    <p:selectOneMenu  value=""  required="true">
                        <f:selectItem itemLabel="Seleccionar raza" itemValue="" />
                        <f:selectItems value="" />
                    </p:selectOneMenu> 

                    <p:commandButton value="Guardar" icon="ui-icon-disk" update=":formReg" />
                    <p:commandButton value="Cencelar" icon="ui-icon-close" type="reset"  />

                    

                </h:panelGrid> 
            </h:form>
        </p:panel>

        <p:separator  />

            <h:form>
                <p:dataTable id="dataTable" var="cliente" value=""  
                             paginator="true" rows="5"  
                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                             rowsPerPageTemplate="5,10,15" >  
                    <f:facet name="header">  
                        Mascotas Registradas
                    </f:facet>  

                    <p:column>  
                        <f:facet name="header">  
                            <h:outputText value="Nombre" />  
                        </f:facet>  
                        <h:outputText value="" />  
                    </p:column>  

                    <p:column>  
                        <f:facet name="header">  
                            <h:outputText value="Fecha de nacimiento" />  
                        </f:facet>  
                        <h:outputText value="" />  
                    </p:column> 

                    <p:column>  
                        <f:facet name="header">  
                            <h:outputText value="Especie" />  
                        </f:facet>  
                        <h:outputText value="" />  
                    </p:column>  

                    <p:column>  
                        <f:facet name="header">  
                            <h:outputText value="Raza" />  
                        </f:facet>  
                        <h:outputText value="" />  
                    </p:column>  

                </p:dataTable>  
            </h:form>  

       



    </ui:define>
</ui:composition>
